	*{
		margin: 0;
		padding: 0;
	}

	#app{
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
	}


	.bg_bai{
		background: #f3f3f3;
	}

	.bg_hei{
		background: #0a002b;
	}

	.data_hader{
		width: 100%;
		height: 80px;
		display: flex;
		flex-direction: row;
		align-items: center;
	}	
	.jianbian_linner{
		width: 100%;
		height: 2px;
		background: -webkit-linear-gradient(left, #52b1e0 , #0d73ff); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #52b1e0,  #0d73ff); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #52b1e0,  #0d73ff); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #52b1e0 ,  #0d73ff); /* 标准的语法（必须放在最后） */
	}
	.data_body{
		flex: 1;
		width: 100%;
	}
	
	.hotel_name{
		padding-left: 10px;
		color: #ffffff;
		width: 150px;
		height: 40px;
		font-weight: bold;
		font-size: 30px;
		line-height: 40px;
	}
	.ver_line{
		height: 40px;
		width: 1px;
		background: #ccc;
	}
	.title_name{
		padding-left: 30px;
		color: #73aae5;
		width: 150px;
		height: 40px;
		font-weight: bold;
		font-size: 30px;
		line-height: 40px;
	}
	
	.data_body{
		flex: 1;
		width: 100%;
		overflow: auto;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}


	.month_tongji{
		margin-top: 10px;
		margin-left: 10px;
		width: 48%;
		height: 40%;
		/*占位*/

	}
	
	.pie_tongji{
		margin-top: 10px;
		margin-left: 10px;
		width: 48%;
		height: 40%;
		/*占位*/

	}
	
	
	.room_tongji{
		margin-top: 10px;
		margin-left: 10px;
		width: 100%;
		height: 55%;
		/*占位*/
		overflow: hidden;
	}
	
	
	.item_bai{
		background: #FFFFFF;
		box-shadow: 3px 3px 3px #888888;
	}
	.item_hei{
		background: #130e3f;
		border:2px solid  #25378c;
	}